<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="__STATIC__/web/js/rem.js"></script>
    <link rel="stylesheet" href="__STATIC__/web/css/public.css">
    <link rel="stylesheet" href="__STATIC__/web/css/result_lib.css">
    <script src="__STATIC__/web/js/jquery.js"></script>
    <title>成果库</title>
    <link rel="stylesheet" href="__STATIC__/web/css/bui.css">
    <script src="__STATIC__/web/js/zepto.js"></script>
    <script src="__STATIC__/web/js/bui.js"></script>
    <script src="__STATIC__/web/js/choose.js"></script>
    <style>
            .pages {
            border-top: 0;
            border-bottom: .01rem solid #f8f8f8;
            display: flex;
            height: 1rem;
            justify-content: space-between;
        }

        .pages .last-page {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-right: .01rem solid #f8f8f8;

        }

        .pages .last-page img {
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            /* IE 9 */
            -moz-transform: rotate(180deg);
            /* Firefox */
            -webkit-transform: rotate(180deg);
            /* Safari 和 Chrome */
            -o-transform: rotate(180deg);
            /* Opera */
        }

        .pages .last-page div {
            margin-left: .5rem;
            color: #999;
        }

        .pages .nexts-page {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pages .nexts-page div {
            margin-right: .5rem;
            color: #999;
        }
    </style>
</head>

<body>
    <div class="bui-page">

        <main>
            <div class="header-top">
                <if condition="$uid eq null">
                    <a href="{:url('login/login')}">
                        <img class="login-user" src="__STATIC__/web/img/login_user.png" />
                    </a>
                    <else/>
                    <div class="login">
                        <a href="{:url('me/me')}">
                            <img class="login-user" src="__STATIC__/web/img/login_user.png" />
                        </a>
                    </div>
                </if>
                <img class="logo" src="__STATIC__/web/img/logo_white.png" />
                <div class="search-rencai">
                    <div class="choose-type">
                        <div id="datepicker_input2">成果库</div>
                        <img src="__STATIC__/web/img/down_white_arrow.png">
                    </div>
                    <div class="search">
                        <img src="__STATIC__/web/img/search.png">
                        <input placeholder="请输入搜索关键词"></input>
                    </div>
                </div>
            </div>
            <div class="result-lib">
                <foreach name="fruits" item="vo">
                <a href="{:url('fruit/detail')}?id={$vo.id}">
                    <img src="__STATIC__/web/img/news.png">
                    <div class="result-info">
                        <div class="title" style="-webkit-box-orient: vertical;">{$vo.title}</div>
                        <div class="from-date">
                            <div class="from" style="-webkit-box-orient: vertical;">发布者：<if condition="$vo.issuer_type eq 2">后台管理员<else/>{$vo.user.real_name}</if></div>
                            <div class="date">{$vo.create_time|date='Y-m-d'}</div>
                        </div>
                    </div>
                </a>
                </foreach>
            </div>
            <!-- <if condition="$maxPage gt $page">
                <div class="next-page">
                    <div>下一页</div>
                    <img src="__STATIC__/web/img/more.png">
                </div>
            </if> -->
            <div class="pages">
                <if condition="$page gt 1">
                    <div class="last-page" onclick="javascript:window.location.href=`{:url('fruit/index')}?page={$page-1}`">
                        <img src="__STATIC__/web/img/more.png">
                        <div>上一页</div>

                    </div>
                </if>
                <if condition="$page lt $maxPage">
                    <div class="nexts-page"  onclick="javascript:window.location.href=`{:url('fruit/index')}?page={$page+1}`">
                        <div>下一页</div>
                        <img src="__STATIC__/web/img/more.png">
                    </div>
                </if>
                </div>
            <div class="bottom-bar">
                <div>Copyright©2019 　山东科技大学 </div>
                <div>鲁ICP备09051012号</div>
            </div>
        </main>
</body>

</html>